// 封装tabbar函数
// 引入字体库
require('../assets/font/font_3852666_7r0dooui378/iconfont.css')

// 渲染tabbar函数
function renderTabbar() {
    // 定义数组保存地址，
    let arr = [
        {
            path: './home.html',
            title: '首页',
            icon: 'icon-shouye'
        },
        {
            path: './sport.html',
            title: '运动',
            icon: 'icon-xindiantu'
        },
        {
            path: './group.html',
            title: '圈子',
            icon: 'icon-quanzi'
        },
        {
            path: './my.html',
            title: '我的',
            icon: 'icon-wode'
        }
    ]
    
    // 定义html代码片段
    let html = `
        ${arr.map((v, i) => {

        return `
        <div >
            <!-- 首页 -->
           
             <a href="${v.path}" class="home df fdc ${v.path==='.'+location.pathname && 'active'}">
                <span class="iconfont ${v.icon}"></span>
                <span class="text">${v.title}</span>
             </a>
            
        </div>
            `




    }
        // 


    ).join('')}
    `
    // 创建一个div
    let div =document.createElement('div')
    // 添加类名
    div.className='bartab fn df jcsb'
    // 给div添加内容
    div.innerHTML=html
    // 添加到页面中
    document.body.appendChild(div)
}
// 导出函数
module.exports=renderTabbar